<template>
  <!-- 图片懒加载 -->
  <van-swipe :autoplay="3000" indicator-color="bule"  >
    <van-swipe-item>
      <img src="http://schoolfleas-image.test.upcdn.net/1-16101Q912410-L.png" class="imgset"/>
    </van-swipe-item>
    <van-swipe-item>
      <img src="http://schoolfleas-image.test.upcdn.net/1-16101Q912410-L.png" class="imgset"/>
    </van-swipe-item>
    <van-swipe-item>
      <img src="http://schoolfleas-image.test.upcdn.net/1-16101Q912410-L.png" class="imgset"/>
    </van-swipe-item>
    <van-swipe-item>
      <img src="http://schoolfleas-image.test.upcdn.net/1-16101Q912410-L.png" class="imgset"/>
    </van-swipe-item>
  </van-swipe>
</template>

<script>
  import Vue from 'vue';
  import { Swipe, SwipeItem } from 'vant';

  Vue.use(Swipe).use(SwipeItem);
  export default{
    name:'Swip',
    data() {
        return {
          images: [
            'https://img.yzcdn.cn/vant/apple-1.jpg',
            'https://img.yzcdn.cn/vant/apple-2.jpg'
          ]
        }
      },
  }
</script>

<style scoped="scoped">
  .img-sty{
    overflow: hidden;
    width: 100%;
    padding-bottom: 50%;
  }
 .imgset{
    width: 100%;
  }
</style>
